.left {
    float: left !important;
}

@media only screen {
.sm-1 {
        width: 8.33333333%;
    }
.sm-2 {
        width: 16.66666667%;
    }
.sm-3 {
        width: 25%;
    }
.sm-4 {
        width: 33.33333333%;
    }
.sm-5 {
        width: 41.66666667%;
    }
.sm-6 {
        width: 50%;
    }
.sm-7 {
        width: 58.33333333%;
    }
.sm-8 {
        width: 66.66666667%;
    }
.sm-9 {
        width: 75%;
    }
.sm-10 {
        width: 83.33333333%;
    }
.sm-11 {
        width: 91.66666667%;
    }
.sm-12 {
        width: 100%;
    }
.sm-pull-0 {
        right: 0;
    }
.sm-pull-1 {
        right: 8.33333333%;
    }
.sm-pull-2 {
        right: 16.66666667%;
    }
.sm-pull-3 {
        right: 25%;
    }
.sm-pull-4 {
        right: 33.33333333%;
    }
.sm-pull-5 {
        right: 41.66666667%;
    }
.sm-pull-6 {
        right: 50%;
    }
.sm-pull-7 {
        right: 58.33333333%;
    }
.sm-pull-8 {
        right: 66.66666667%;
    }
.sm-pull-9 {
        right: 75%;
    }
.sm-pull-10 {
        right: 83.33333333%;
    }
.sm-pull-11 {
        right: 91.66666667%;
    }
.sm-push-0 {
        left: 0;
    }
.sm-push-1 {
        left: 8.33333333%;
    }
.sm-push-2 {
        left: 16.66666667%;
    }
.sm-push-3 {
        left: 25%;
    }
.sm-push-4 {
        left: 33.33333333%;
    }
.sm-push-5 {
        left: 41.66666667%;
    }
.sm-push-6 {
        left: 50%;
    }
.sm-push-7 {
        left: 58.33333333%;
    }
.sm-push-8 {
        left: 66.66666667%;
    }
.sm-push-9 {
        left: 75%;
    }
.sm-push-10 {
        left: 83.33333333%;
    }
.sm-push-11 {
        left: 91.66666667%;
    }
.sm-offset-0 {
        margin-left: 0;
    }
.sm-offset-1 {
        margin-left: 8.33333333%;
    }
.sm-offset-2 {
        margin-left: 16.66666667%;
    }
.sm-offset-3 {
        margin-left: 25%;
    }
.sm-offset-4 {
        margin-left: 33.33333333%;
    }
.sm-offset-5 {
        margin-left: 41.66666667%;
    }
.sm-offset-6 {
        margin-left: 50%;
    }
.sm-offset-7 {
        margin-left: 58.33333333%;
    }
.sm-offset-8 {
        margin-left: 66.66666667%;
    }
.sm-offset-9 {
        margin-left: 75%;
    }
.sm-offset-10 {
        margin-left: 83.33333333%;
    }
.sm-offset-11 {
        margin-left: 91.66666667%;
    }
.sm-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }
    [class*=""].sm-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    [class*=""].sm-centered:last-child {
        float: none;
    }
    [class*=""].sm-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }
    [class*=""].sm-uncentered:last-child {
        float: left;
    }
}
@media only screen and (min-width:641px) {
.md-1 {
        width: 8.33333333%;
    }
.md-2 {
        width: 16.66666667%;
    }
.md-3 {
        width: 25%;
    }
.md-4 {
        width: 33.33333333%;
    }
.md-5 {
        width: 41.66666667%;
    }
.md-6 {
        width: 50%;
    }
.md-7 {
        width: 58.33333333%;
    }
.md-8 {
        width: 66.66666667%;
    }
.md-9 {
        width: 75%;
    }
.md-10 {
        width: 83.33333333%;
    }
.md-11 {
        width: 91.66666667%;
    }
.md-12 {
        width: 100%;
    }
.md-pull-0 {
        right: 0;
    }
.md-pull-1 {
        right: 8.33333333%;
    }
.md-pull-2 {
        right: 16.66666667%;
    }
.md-pull-3 {
        right: 25%;
    }
.md-pull-4 {
        right: 33.33333333%;
    }
.md-pull-5 {
        right: 41.66666667%;
    }
.md-pull-6 {
        right: 50%;
    }
.md-pull-7 {
        right: 58.33333333%;
    }
.md-pull-8 {
        right: 66.66666667%;
    }
.md-pull-9 {
        right: 75%;
    }
.md-pull-10 {
        right: 83.33333333%;
    }
.md-pull-11 {
        right: 91.66666667%;
    }
.md-push-0 {
        left: 0;
    }
.md-push-1 {
        left: 8.33333333%;
    }
.md-push-2 {
        left: 16.66666667%;
    }
.md-push-3 {
        left: 25%;
    }
.md-push-4 {
        left: 33.33333333%;
    }
.md-push-5 {
        left: 41.66666667%;
    }
.md-push-6 {
        left: 50%;
    }
.md-push-7 {
        left: 58.33333333%;
    }
.md-push-8 {
        left: 66.66666667%;
    }
.md-push-9 {
        left: 75%;
    }
.md-push-10 {
        left: 83.33333333%;
    }
.md-push-11 {
        left: 91.66666667%;
    }
.md-offset-0 {
        margin-left: 0;
    }
.md-offset-1 {
        margin-left: 8.33333333%;
    }
.md-offset-2 {
        margin-left: 16.66666667%;
    }
.md-offset-3 {
        margin-left: 25%;
    }
.md-offset-4 {
        margin-left: 33.33333333%;
    }
.md-offset-5 {
        margin-left: 41.66666667%;
    }
.md-offset-6 {
        margin-left: 50%;
    }
.md-offset-7 {
        margin-left: 58.33333333%;
    }
.md-offset-8 {
        margin-left: 66.66666667%;
    }
.md-offset-9 {
        margin-left: 75%;
    }
.md-offset-10 {
        margin-left: 83.33333333%;
    }
.md-offset-11 {
        margin-left: 91.66666667%;
    }
.md-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }
    [class*=""].md-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    [class*=""].md-centered:last-child {
        float: none;
    }
    [class*=""].md-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }
    [class*=""].md-uncentered:last-child {
        float: left;
    }
}


.comment:before,
.comment:after {
    content: " ";
    display: table;
}
.comment:after {
    clear: both;
}
.comment-avatar {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid transparent;
}
@media only screen and (min-width:641px) {
    .comment-avatar {
        width: 48px;
        height: 48px;
    }
}
.comment-main {
    position: relative;
    border: 1px solid #dedede;
    border-radius: 0;
}
/*.comment-main:before,
.comment-main:after {
    position: absolute;
    top: 10px;
    left: -8px;
    right: 100%;
    width: 0;
    height: 0;
    display: block;
    content: " ";
    border-color: transparent;
    border-style: solid solid outset;
    border-width: 8px 8px 8px 0;
    pointer-events: none;
}*/
.comment-main:before {
    border-right-color: #dedede;
    z-index: 1;
}
.comment-main:after {
    border-right-color: #f8f8f8;
    margin-left: 1px;
    z-index: 2;
}

.comment-hd {
    background: #f8f8f8;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.comment-title {
    margin: 0 0 8px 0;
    font-size: 1.6rem;
    line-height: 1.2;
}
.comment-meta {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 15px;
    font-size: 13px;
    color: #999999;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.comment-meta a {
    color: #999999;
}
.comment-author {
    font-weight: bold;
    color: #999999;
}
.comment-bd {
    padding: 15px;
    overflow: hidden;
}
.comment-bd > :last-child {
    margin-bottom: 0;
}
.comment-footer {
    padding: 0 15px 5px;
}
.comment-footer .comment-actions a + a {
    margin-left: 5px;
}
.comment-actions {
    font-size: 13px;
    color: #999999;
}
.comment-actions a {
    display: inline-block;
    padding: 10px 5px;
    line-height: 1;
    color: #999999;
    opacity: .7;
}
.comment-actions a:hover {
    color: #0e90d2;
    opacity: 1;
}
.comment-hd .comment-actions {
    padding-right: .5rem;
}
.comment-flip .comment-avatar {
    float: right;
}
.comment-flip .comment-main {
    margin-left: auto;
    margin-right: 42px;
}

.comment-flip .comment-main:before,
.comment-flip .comment-main:after {
    left: auto;
    right: -8px;
    border-width: 8px 0 8px 8px;
}
.comment-flip .comment-main:before {
    border-left-color: #dedede;
}
.comment-flip .comment-main:after {
    border-left-color: #f8f8f8;
    margin-right: 1px;
    margin-left: auto;
}
.comment-primary .comment-avatar {
    border-color: #0e90d2;
}
.comment-primary .comment-main {
    border-color: #0e90d2;
}
.comment-primary .comment-main:before {
    border-right-color: #0e90d2;
}
.comment-primary.comment-flip .comment-main:before {
    border-left-color: #0e90d2;
    border-right-color: transparent;
}
.comment-primary.comment-flip .comment-main:after {
    border-left-color: #f8f8f8;
}
.comment-secondary .comment-avatar,
.comment-highlight .comment-avatar {
    border-color: #3bb4f2;
}
.comment-secondary .comment-main,
.comment-highlight .comment-main {
    border-color: #3bb4f2;
}
.comment-secondary .comment-main:before,
.comment-highlight .comment-main:before {
    border-right-color: #3bb4f2;
}
.comment-secondary.comment-flip .comment-main:before,
.comment-highlight.comment-flip .comment-main:before {
    border-left-color: #3bb4f2;
    border-right-color: transparent;
}
.comment-secondary.comment-flip .comment-main:after,
.comment-highlight.comment-flip .comment-main:after {
    border-left-color: #f8f8f8;
}
.comment-success .comment-avatar {
    border-color: #5eb95e;
}
.comment-success .comment-main {
    border-color: #5eb95e;
}
.comment-success .comment-main:before {
    border-right-color: #5eb95e;
}
.comment-success.comment-flip .comment-main:before {
    border-left-color: #5eb95e;
    border-right-color: transparent;
}
.comment-success.comment-flip .comment-main:after {
    border-left-color: #f8f8f8;
}
.comment-warning .comment-avatar {
    border-color: #F37B1D;
}
.comment-warning .comment-main {
    border-color: #F37B1D;
}
.comment-warning .comment-main:before {
    border-right-color: #F37B1D;
}
.comment-warning.comment-flip .comment-main:before {
    border-left-color: #F37B1D;
    border-right-color: transparent;
}
.comment-warning.comment-flip .comment-main:after {
    border-left-color: #f8f8f8;
}
.comment-danger .comment-avatar {
    border-color: #dd514c;
}
.comment-danger .comment-main {
    border-color: #dd514c;
}
.comment-danger .comment-main:before {
    border-right-color: #dd514c;
}
.comment-danger.comment-flip .comment-main:before {
    border-left-color: #dd514c;
    border-right-color: transparent;
}
.comment-danger.comment-flip .comment-main:after {
    border-left-color: #f8f8f8;
}
.comments-list {
    padding: 0;
    list-style: none;
}
.comments-list .comment {
    margin: 1.6rem 0 0 0;
    list-style: none;
}
